﻿<!DOCTYPE HTML>
<html>
<head>
	<#include "headFile.htm">
</head>
<body>
<div class="layout">
    <div class="header bgwhite">
        <#include "head.htm">
    </div>
    <div class="home-slide glide" style="width: 100%;">
        <ul class="slides">
        	{ms:arclist typeid=147 size=3 class=slide__item--current}
	            <li class="slide" class="[field.class/]">
	                <div class="img"><img src={ms:global.host/}[field.litpic/] class="" alt=""></div>
	                <div class="mask"></div>
	            </li>
	        {/ms:arclist}
        </ul>
        <!--<div class="slider-arrows">
        	<a href="#" class="slider-arrow slider-arrow--right" data-distance="1"></a>
        	<a href="#" class="slider-arrow slider-arrow--left" data-distance="-1"></a>
        </div>
        <div class="slider-nav" style="left: 50%; width: 112px; margin-left: -280px;">
        	<a href="#" class="slider-nav__item slider-nav__item--current" data-distance="0"></a>
        	<a href="#" class="slider-nav__item" data-distance="1"></a>
        	<a href="#" class="slider-nav__item" data-distance="2"></a>
        	<a href="#" class="slider-nav__item" data-distance="3"></a>
        </div>-->
    </div>
    <div class="home-tip">
        <div class="met_editor">
            <h2>源自数码相机高光性能制造工艺,量身打造高性价比细分产品。</h2>
            <h4>From the high optical performance of digital camera manufacturing process,&nbsp;<br/>
            	tailored to high cost breakdown products.
            </h4>
            <div class="met_clear"></div>
        </div>
    </div>
    <div class='home-jzl'>
        <h2>部分产品</h2>
        <div class='home-jzl-con'>
	        {ms:arclist typeid=107 size=4}
	           	<li>
	                <span class='home-jzl-img'><img src={ms:global.host/}[field.litpic/] alt='' style="height: 140px; width: 210px;"></span>
	                <h3>[field.title/]</h3>
	                <p>[field.descrip/]</p>
	                <div class="btn">
	                    <a href="{ms:global.url/}[field.link/]" target='_self'><span>更多详情</span><i>→</i></a>
	                </div>
	            </li>
    		{/ms:arclist}
        </div>
    </div>
    <div class="home-imgs">
        <div class="head">
            <h2>服务项目</h2>
        </div>
        <div class="body">
            <ul>
            	{ms:arclist typeid=99 size=4}
	                <li>
	                    <a href="" target='_self'>
	                        <div class="img">
	                            <img src={ms:global.host/}[field.litpic/] alt='' style="height: 337px; width: 337px;"></div>
	                        <div class="tip">
	                            <h2>[field.title/]</h2>
	                            <i></i>
	                        </div>
	                    </a>
	                </li>
	            {/ms:arclist}
            </ul>
        </div>
    </div>
    <div class="home-contact">
        <h2>我们存在的价值就是满足不同行业对光学系统的各种需求，为客户提供各种高性能光学产品的专业供应和服务。</h2>
        <div class="btn">
            <a href="{ms:global.url/}/19/141/index.html" target='_self'>
                <span>联系我们</span>
                <i>→</i>
            </a>
        </div>
    </div>
    <div class="home-news">
        <div class="head">
            <h2>新闻动态</h2>
        </div>
        <div class="body glide">
            <ul class="slides">
            	{ms:arclist typeid=59 size=4}
	                <li class="slide" style="margin-top: 15px;">
	                    <div class="img" style='width:150px;height:150px;'>
	                        <a href="{ms:global.url/}[field.link/]" target='_self'><img src={ms:global.host/}[field.litpic/]></a>
	                    </div>
	                    <div class="text">
	                        <h2>
	                            <a href="{ms:global.url/}[field.link/]" target='_self'>[field.title/]</a>
	                        </h2>
	                        <h4>[field.date?string("yyyy-mm-dd")/]</h4>
	                        <p>
	                        	[field.descrip/]
	                        </p>
	                        <div class="btn">
	                            <a href="{ms:global.url/}[field.link/]" target='_self'>更多详情</a>
	                        </div>
	                    </div>
	                </li>
	            {/ms:arclist}
            </ul>
        </div>
    </div>
	<#include "footer.htm">
</div>
</body>
</html>